import React from 'react';
import PropTypes from 'prop-types';
import cn from 'classnames';
import s from './EnableView.module.css';

export default function EnableView({ className, enable, children }) {
	return (
		<div
			className={cn(className, s.enableView, {
				[s.disabled]: !enable,
			})}
		>
			{children}
		</div>
	);
}

EnableView.propTypes = {
	className: PropTypes.string,
	enable: PropTypes.bool.isRequired,
	children: PropTypes.node.isRequired,
};

EnableView.defaultProps = {
	className: s.enableView,
};
